.w-menu-wrap {
  display: none;
}

.w-menu {
  position: absolute;
  z-index: 100;

  &--fixed {
    position: fixed;
    z-index: 1000;
  }
  &--card {
    background-color: #fff;
  }
  &--tile {
    border-radius: 0;
  }
  &--round {
    border-radius: 9em;
    padding: $base-increment round(2.5 * $base-increment);
  }
  &--shadow {
    box-shadow: $box-shadow;
  }

  &--top {
    margin-top: -3 * $base-increment;
  }
  &--bottom {
    margin-top: 3 * $base-increment;
  }
  &--left {
    margin-left: -3 * $base-increment;
  }
  &--right {
    margin-left: 3 * $base-increment;
  }
}
